<template>
	<view class="unitRegisterThree">
		<view class="unitRegisterThree-header-state ff-align-items ff-text-center">
			<view class="unitRegisterThree-header-state-box">
				<image class="ff-margin-bottom-6" src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/fire-technology/step-1.png" mode=""></image>
				<view class="ff-font-12">员工信息</view>
			</view>
			<view class="unitRegisterThree-header-state-line"></view>
			<view class="unitRegisterThree-header-state-box">
				<image class="ff-margin-bottom-6" src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/fire-technology/step-1.png" mode=""></image>
				<view class="ff-font-12">完成，待审核</view>
			</view>
		</view>
		<view class="unitRegisterThree-content ff-bg-fff ff-border-radius-15 ff-text-center">
			<image src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/fire-technology/reg-success.png" mode=""></image>
			<view class="ff-font-16 ff-margin-bottom-10">恭喜您，提交成功！</view>
			<view class="ff-font-16 ff-line-height-1-3">请及时联系“{{ companyName }}”的管理员进行审核。</view>
		</view>
		<view class="unitRegisterThree-but">
			<view class="unitRegisterTwo-content-but-box"><u-button type="primary" shape="circle" @click="goLogin">去登录</u-button></view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'unitRegisterThree',
	data() {
		return { companyName: '' };
	},
	onLoad(e) {
		this.companyName = e.companyName;
	},
	onShow() {
		uni.hideHomeButton(); // 隐藏小房子
	},
	methods: {
		// 注册完成，去登录
		goLogin() {
			this.$pageJump.reLaunch('/pages/loginRegister/login/Login');
		}
	},
	onShareAppMessage() {
		return {
			title: '分享小程序给朋友',
			path: '/pages/homePage/Home'
		};
	}
};
</script>

<style lang="scss">
page {
	background-color: #e6f2fe;
}
.unitRegisterThree {
	&-header-state {
		background-color: #e6f2fe;
		width: 100%;
		justify-content: space-between;
		padding: 50rpx 15%;
		color: #6d7c99;
		&-box {
			image {
				width: 50rpx;
				height: 50rpx;
			}
			.step-number {
				width: 40rpx;
				height: 40rpx;
			}
		}
		&-line {
			width: 99rpx;
			height: 10rpx;
			background: #d2e5fa;
		}
	}
	&-content {
		margin: 5%;
		padding: 155rpx 30rpx 260rpx;
		image {
			width: 168rpx;
			height: 144rpx;
			margin-bottom: 49rpx;
		}

		.ff-font-16 {
			color: #323233;
		}
	}
	&-but {
		padding: 120rpx 0 130rpx;
		margin: 0 6%;
		width: 88%;
		text-align: center;
		/deep/.u-size-default {
			height: 90rpx !important;
			line-height: 90rpx !important;
		}
	}
}
</style>
